
<!--<div class="off-canvas-wrap" data-offcanvas>-->
<!--  <div class="inner-wrap">-->
<!--    <nav class="tab-bar">-->
<!--      <section class="left-small">-->
<!--        <a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a>-->
<!--      </section>-->

<!--      <section class="middle tab-bar-section">-->
<!--        <h1 class="title">Off-canvas 实例</h1>-->
<!--      </section>-->
<!--    </nav>-->

<!--    <aside class="left-off-canvas-menu">-->
<!--      <ul class="off-canvas-list test">-->
<!--        <li><label>Heading</label></li>-->
<!--        <li><a href="#">Link 1</a></li>-->
<!--        <li><a href="#">Link 2</a></li>-->
<!--        <li><a href="#">Link 3</a></li>-->
<!--        <li><a href="#">Link 4</a></li>-->
<!--        <li><a href="#">Link 5</a></li>-->
<!--        <li><a href="#">Link 6</a></li>-->
<!--        <li><a href="#">Link 7</a></li>-->
<!--        <li><a href="#">Link 8</a></li>-->
<!--      </ul>-->
<!--    </aside>-->

<!--    <section class="main-section">-->
<!--      <h3>菜鸟教程</h3>-->
<!--      <p>学的不仅是技术，更是梦想！！！</p>-->
<!--    </section>-->

<!--    <a class="exit-off-canvas"></a>-->

<!--  </div>-->
<!--</div>-->

<!--&lt;!&ndash; 初始化 Foundation JS &ndash;&gt;-->
<!--<script>-->
<!--$(document).ready(function() {-->
<!--    $(document).foundation();-->
<!--})-->
<!--</script>-->
<!--&lt;!&ndash;/.sidebar-offcanvas&ndash;&gt;-->